var str = ""
$(function () {
    $.post("/menu/nodes", function (data) {
        //判断数据中的  下一列是否有值,如果有,  使用  ul
        //如果没有    使用  li
        $.each(data, function (index, data) {
            nodes(data)
        });
        $("#menu").html(str)
    })
});

function nodes(node) {
    str += "<li>";
    if (node.children.length != 0) {
        str += "<a href='javascript:;' id='no_"+node.id+"' class='inactive''>" + node.text + "</a>";
    } else {
        str += "<a href='javascript:;' id='no_"+node.id+"' data-url='" + node.url + "'>" + node.text + "</a>";
    }
    if (node.children.length != 0) {
        str += "<ul>";
        for (var i = 0; i < node.children.length; i++) {
            nodes(node.children[i])
        }
        str += "</ul>";
    }
    str += "</li>";
}
$(function () {
    $("#menu").on("click", '.inactive', function () {
        if ($(this).siblings('ul').css('display') == 'none') {
            $(this).parent('li').siblings('li').removeClass('inactives');
            $(this).addClass('inactives');
            $(this).siblings('ul').slideDown(100).children('li');
            if ($(this).parents('li').siblings('li').children('ul').css('display') == 'block') {
                $(this).parents('li').siblings('li').children('ul').parent('li').children('a').removeClass('inactives');
                $(this).parents('li').siblings('li').children('ul').slideUp(100);
            }
        } else {
            //控制自身变成+号
            $(this).removeClass('inactives');
            //控制自身菜单下子菜单隐藏
            $(this).siblings('ul').slideUp(100);
            //控制自身子菜单变成+号
            $(this).siblings('ul').children('li').children('ul').parent('li').children('a').addClass('inactives');
            //控制自身菜单下子菜单隐藏
            $(this).siblings('ul').children('li').children('ul').slideUp(100);
            //控制同级菜单只保持一个是展开的（-号显示）
            $(this).siblings('ul').children('li').children('a').removeClass('inactives');
        }
    })
})

$(function(){
    $("#menu").on("click", "[data-url]", function () {
        var url = $(this).data("url");
        var text = $(this).text()
        //判断节点对应的选项卡是否存在
        var tab = $('#index_tabs').tabs("exists",text);
        if(tab){
            //如果存在就选中
            $('#index_tabs').tabs("select",text);
        }else{
            //如果不存在就创建
            //在tabs里面添加一个选项卡
            $('#index_tabs').tabs("add",{
                title:text,
                content:'<iframe src="'+url+'" frameborder="0" width="100%" height="100%"></iframe>',
                closable:true,
                fit:true
                //border:false
            })
        }
    })
})